<template>
    <div class="common-size definition_concept">
        <page-head :pageHead="pageHeadData"></page-head>
        <div class="page-content">
            <div class="describe_box" id="describe_box">
                <div class="describe-text" v-html="item" v-for="(item, index) in textData">

                </div>
            </div>
        </div>
        <page-footer :pageFooter="pageFooterData" ></page-footer>
    </div>
</template>

<script>
  import pageHead from './pageHead.vue'
  import PageFooter from "./pageFooter.vue";
  import {nuxtMixins} from '../assets/javascript/mixin'
  export default {
    name: 'definition_concept',
    props: ['chartData'],
    mixins: [nuxtMixins],
    data() {
      return {
        pageTitle: '定义&概念'
      }
    },
    computed:{
      textData () {
        return this.chartData.textData
      }
    },
    created() {
    },
    mounted() {
    },
    methods: {
    },
    components: {
      PageFooter,
      pageHead
    }
  }
</script>

<style lang="scss">
    .definition_concept {
        .page-content {
            margin-top: 10px;
            ol{
                li{
                    line-height: 32px;
                    margin-bottom: 25px;
                }
            }
            h4 {
                color: #0a122d;
            }
            .describe_box {
                &#describe_box {
                    .describe-text {
                        text-indent:0em;
                        margin-bottom:40px;
                    }
                }
            }
        }
    }
</style>
